<template>
    <div>
        <van-nav-bar  :title="title"/>
    </div>
</template>

<script>
    export default {
        name:"NavBar",
        props: {
            title: {
                type: String,
                default() {
                    return '';
                }
            }
        },
        methods: {
            onClickLeft() {
                //返回首页
                this.$emit('goToBackClick');
            }
        }
    }
</script>

<style lang="less" scoped>
& /deep/.van-nav-bar {
    height: 1.111111rem;
    line-height: 1.111111rem;
    font-size: .481481rem;
    color: #fff;
    background-image: linear-gradient(232deg, #0081CC 0%, #0054AE 100%);
    .van-nav-bar__content {
        height: 1.111111rem;
        line-height: 1.111111rem;
        .van-nav-bar__title {
            color: #fff;
            font-size: .481481rem;
        }
        .van-icon {
            color: #fff;
            font-size: .481481rem;
        }
    }
    
}
</style>